<template>
    <div>
        <el-table :data="tableDate" style="width: 100%">
            <el-table-column prop="id" label="id" width="70"/>
            <el-table-column prop="phone" label="账号" width="120"/>
            <el-table-column prop="title" label="题目" width="300"/>
            <el-table-column prop="type" label="所属板块" width="80"/>


            <el-table-column fixed="right" label="操作" width="300">
                <template slot-scope="scope">
                    <el-button type="text" size="small">查看内容</el-button>
                    <el-button @click="handleClick(scope.row)" type="text" size="small">通过</el-button>
                    <el-button type="text" size="small">拒绝</el-button>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
    export default {
        name: "postsApply",
        data(){
            return{
                tableDate:[
                    {
                        id:'1',
                        phone:'15236482864',
                        title:'关于开展计算机文化周',
                        type:'计算机',
                    },
                    {
                        id:'2',
                        phone:'13748722864',
                        title:'全校进行核酸检测的通知',
                        type:'公告',
                    },
                    {
                        id:'3',
                        phone:'16385479574',
                        title:'A座410找到手机一部',
                        type:'失物招领',
                    }
                ]
            }
        }
    }
</script>

<style scoped>

</style>
